import React, { Component } from 'react';
import { AlreadyBuyBox } from '../AlreadyBuy/style'
import { withRouter } from 'react-router-dom'

@withRouter
class index extends Component {
  render() {
    return (
      <AlreadyBuyBox>
        <div className="top">
          <ul>
            <li onClick={() => {
              this.props.history.push('/alreadyBuy')
            }}><a >全部</a></li>
            <li onClick={() => {
              this.props.history.push('/small')
            }}><a >微课</a></li>
            <li onClick={() => {
              this.props.history.push('/series')
            }}><a >系列课</a></li>
            <li onClick={() => {
              this.props.history.push('/cultivate')
            }}><a >培训课</a></li>
            <li onClick={() => {
              this.props.history.push('/search')
            }}><a >搜索</a></li>
          </ul>
        </div>
        <div className="mainList">
          <div className="main2">
            <div className="left2"></div>
            <div className="right2">
              <h4>非诉律师助理入门培训系列课程2.0</h4>
              <p>九大合伙人/资深律师</p>
              <p>时长:24分钟</p>
            </div>
          </div>
          <p className="date">2018-03-07<span>12人点赞</span></p>
        </div>



        <div className="mainList">
          <div className="main2">
            <div className="left2"></div>
            <div className="right2">
              <h4>非诉律师助理入门培训系列课程2.0</h4>
              <p>九大合伙人/资深律师</p>
              <p>时长:24分钟</p>
            </div>
          </div>
          <p className="date">2018-03-07<span>12人点赞</span></p>
        </div>

      </AlreadyBuyBox>
    );
  }
}

export default index;
